// pages/login/login.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    phone: "13760528918",
    password: "wqw123456789",
  },
  // 改变手机号或者密码失去焦点存储数据
  handleChange(e) {
    this.setData({
      [e.target.dataset.type]: e.detail.value,
    });
  },
  // 提交表单验证登录
  async handleLogin() {
    console.log("验证登录");
    // 收集表单数据,首尾去除空格
    const phone = this.data.phone.trim();
    const password = this.data.password.trim();
    // 简单校验
    if (!phone) {
      wx.showToast({
        title: "手机号不能为空",
        icon: "error",
      });
      return;
    }
    if (!password) {
      wx.showToast({
        title: "密码不能为空",
        icon: "error",
      });
      return;
    }
    // 发送请求后端验证
    const res = await wx.$request("/login/cellphone", { phone, password,_isLogin:true });
    console.log(res);
    /*  状态码区分
      400:手机号格式错误
      501:手机号不存在
      502:密码错误
      200:登录成功
     */
    // 修改为策列模式提示：
    const codeFn = {
      200() {
        wx.showToast({
          title: "登录成功",
          icon: "success",
        });
        // 存储token,头像，用户名
        const useInfo={
          useName:res.profile.nickname,
          avatarUrl:res.profile.avatarUrl,
          token:res.token,
          uid:res.bindings[0].userId
        }
        // 将用户数据存储到storage中
        wx.setStorageSync('userInfo', useInfo)
        // 跳转到个人中心页面
        wx.switchTab({
          url: '/pages/personal/personal',
        })
      },
      502() {
        wx.showToast({
          title: "密码错误",
          icon: "error",
        });
      },
      400() {
        wx.showToast({
          title: "手机号格式错误",
          icon: "error",
        });
      },
      501() {
        wx.showToast({
          title: "手机号不存在",
          icon: "error",
        });
      },
    };
    codeFn[res.code] && codeFn[res.code]();
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});
